/*!
 *  Copyright (c) 2020 the Octant contributors. All Rights Reserved.
 *  SPDX-License-Identifier: Apache-2.0
 */

$circumference: 4px;

.indicator {
  :host-context(body.dark) {
    --ok-background-color: #60b515;
    --warning-background-color: #f57600;
    --error-background-color: #e12200;
  }

  :host-context(body) {
    --ok-background-color: #60b515;
    --warning-background-color: #f57600;
    --error-background-color: #e12200;
  }

  height: $circumference;
  width: $circumference;
  border-radius: 50%;
  display: inline-block;
  transform: translateY(-50%);
  margin-right: 0.5em;

  &.ok {
    background-color: var(--ok-background-color);
  }

  &.warning {
    background-color: var(--warning-background-color);
  }

  &.error {
    background-color: var(--error-background-color);
  }
}
